<!DOCTYPE html>
<html>
<head>
    <title>Boxes</title>
    <link rel="stylesheet" href="./test.css">
    <meta charset="utf-8"/>
</head>
<body>
    <p class="grey"><div class="blue"><p class="red tight">P inside DIV inside P</p></div></p>
	<div class="blue">Text inside DIV<div class="green inline">inline-DIV</div></div>

	<div class="green floatleft tight quarter">
	 The quick brown fox jumps over the lazy dog.
	 The quick brown fox jumps over the lazy dog.
	</div>
	<p class="grey">
	  <img class="floatleft blue tight"
		   src="https://freeiconshop.com/wp-content/uploads/edd/image-solid.png">
	  <img class="floatleft violet tight clear"
		   src="https://freeiconshop.com/wp-content/uploads/edd/image-solid.png">
	  <b>The quick brown fox jumps over the lazy dog.</b>
	   The quick brown fox jumps over the lazy dog.
	   The quick brown fox jumps over the lazy dog.
	   The quick brown fox jumps over the lazy dog.
	   The quick brown fox jumps over the lazy dog.
	   The quick brown fox jumps over the lazy dog.
	</p>
	<p class="grey">
	  <img class="floatleft blue tight"
		   src="https://freeiconshop.com/wp-content/uploads/edd/image-solid.png">
	   The quick brown fox jumps over the lazy dog.
	   The quick brown fox jumps over the lazy dog.
	   The quick brown fox jumps over the lazy dog.
	   The quick brown fox jumps over the lazy dog.
	   The quick brown fox jumps over the lazy dog.
	   The quick brown fox jumps over the lazy dog.
	  <img class="floatleft blue tight"
		   src="https://freeiconshop.com/wp-content/uploads/edd/image-solid.png">
	   The quick brown fox jumps over the lazy dog.
	   The quick brown fox jumps over the lazy dog.
	   The quick brown fox jumps over the lazy dog.
	   The quick brown fox jumps over the lazy dog.
	   The quick brown fox jumps over the lazy dog.
	</p>
	<div class="grey">
	  <img class="floatleft blue tight"
		   src="https://freeiconshop.com/wp-content/uploads/edd/image-solid.png">
		<div class="green rl ofhidden">
		&#x43;&#x53;&#x53;&#x20;&#x5e8;&#x5e6;&#x5d5;&#x5e0;&#x20;&#x5d4;&#x5e8;
			<div class="red">
				<div class="violet floatright tight quarter">
				The quick brown fox jumps over the lazy dog.
				The quick brown fox jumps over the lazy dog.
				</div>
				The quick brown fox jumps over the lazy dog.
			</div>
			&#x5d8;&#x5de;&#x5d1;&#x20;&#x5d3;&#x5d9;&#x5e8;&#x5e4;&#x5d4;&#x5dc;&#x20;&#x5df;&#x5d9;&#x5d1;&#x20;&#x5df;&#x5db;&#x5d5;&#x5ea;&#x20;&#x5d4;&#x5e0;&#x5d1;&#x5de;&#x5d5;&#x20;&#x5d9;&#x5e4;&#x5d3;&#x20;&#x5d8;&#x5e0;&#x5e8;&#x5d8;&#x5e0;&#x5d9;&#x5d0;&#x5d4;&#x20;&#x5df;&#x5d9;&#x5d1;&#x5dc;&#x20;<span class="red">&#x5dd;&#x5d1;&#x5d5;&#x5e6;&#x5d9;&#x5e2;&#x3a;&#x20;&#x5d3;&#x5e2;&#x20;&#x5ea;&#x5e8;&#x5d9;&#x5e6;&#x5d9;&#x5dc;&#x20;&#x5d4;&#x20;&#x43;</span>&#x53;&#x53;&#x20;&#x5e0;&#x2d;&#x43;&#x53;&#x53;&#x20;&#x5d9;&#x5d3;&#x5d9;&#x5d1;&#x20;&#x5ea;&#x5e6;&#x5d5;&#x5d1;&#x5e7;&#x20;&#x5d4;&#x5e0;&#x5d9;&#x5e7;&#x5ea;&#x5d4;&#x20;&#x57;&#x33;&#x43;&#x20;&#x5d1;&#x2d;&#x31;&#x39;&#x39;&#x35;&#x2c;&#x20;&#x5d5;&#x5d1;&#x5ea;&#x5db;&#x5e0;&#x20;&#x5df;&#x5db;&#x5d5;&#x5ea;&#x20;&#x5dd;&#x5d9;&#x5e8;&#x5ea;&#x5d0;&#x5d4;&#x20;&#x5df;&#x5d5;&#x5e0;&#x5d2;&#x5e1;&#x5d5;&#x20;&#x5d1;&#x5d5;&#x5e6;&#x5d9;&#x5e2;&#x5d4;&#x20;&#x5dd;&#x5d4;&#x5dc;&#x5e9;&#x20;&#x5d5;&#x5ea;&#x5d5;&#x5d0;&#x5d1;&#x20;&#x5e3;&#x5d3;&#x20;&#x48;&#x54;&#x4d;&#x4c;&#x2e;
		</div>
	   The quick brown fox jumps over the lazy dog.
	   The quick brown fox jumps over the lazy dog.
	   The quick brown fox jumps over the lazy dog.
	</div>
</body>
</html>
